﻿@charset "utf-8";
*{margin:0;padding:0; border:0; box-sizing:border-box;}
body,html,p,ul,li,span,i,em{margin:0;padding:0; border:0;font-style:normal}
body,html{ box-sizing:border-box; font-size: 16px;}
img,a,button,em,label,textarea,i,em,span{display:inline-block}
header,section,footer{position:relative}
ol,ul,li{list-style:none}
input{line-height: normal;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input,button,textarea{font-size:1em;line-height:1em;outline:none;}
a,a:active,a:hover{outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a,a:visited{text-decoration:none;display: block;}
body{width:100%;background:#fff; font-family:"微软雅黑","Microsoft YaHei","PingFang SC Medium",Arial,SimSun;  font-size:12px; }
.banner{margin:0 auto; text-align: center; width: 100%; height: auto;background: url("../../img/introduce/banner.jpg") no-repeat top center; background-size: 100% auto;}
.banner h1{padding-top: 150px; line-height: 50px; font-size: 30px; font-weight: bold; color:#fff;}
.banner h2{font-weight: 400; font-size: 20px; color:#fff; line-height: 50px;}
.banner button{margin:15px auto 25px; width: 180px; height: 40px; line-height: 40px; border-radius: 2px; background: #0acf97; display: block; color:#fff; font-size: 18px;}
.header{margin:0 auto; width: 100%; height: 70px; line-height: 70px; min-width: 1200px; position: absolute; top:0; z-index:4; left:0;}
.header_t{margin: 0 auto; width: 1200px; height: 70px; line-height: 70px;min-width: 1200px;}
#back-to-top{position: fixed; top:0; left:0; background: #fff; height:80px; line-height:80px;
    -moz-box-shadow: 0px 2px 8px #ccc; box-shadow: 0px 2px 8px #ccc;}
#back-to-top .nav li a{color:#333;}
#back-to-top .nav li a:hover{color:#0acf97; border-bottom:2px solid #0acf97; background: #fff;}
#back-to-top .nav li{ height: 80px; line-height: 80px;}
#back-to-top .nav li a{ height: 80px;line-height: 80px;}
.nav li.bu1:hover{background: none;}
#back-to-top .nav li.bu1 a{border:1px solid #0acf97; height:40px; line-height:40px; margin:20px 0; color:#0acf97;}
.nav{float:right; height: 70px; line-height: 70px;}
.nav li{float: left; margin-left:60px; height: 70px; line-height: 70px;}
.nav li a{float: left;color:#fff; font-size: 16px;padding: 0 20px; height: 70px;line-height: 70px;}
.nav li a.cur{background:#7566ab;}
.nav li a:hover{background: #7566ab;}
.nav li.bu a{border:1px solid #fff; height:40px; line-height:40px; margin:15px 0;}
.nav li.bu:hover{background: none;}
.index1,.index2,.index3,.index4{margin: 0 auto; width: 100%; height: auto; overflow: hidden;min-width: 1200px;}
.index1_t,.index2_t,.index3_t,.index4_t{margin: 0 auto; width: 1200px; height: 300px; overflow: hidden; text-align: center;}
.index1_t img,.index2_t img,.index3_t img,.index4_t img{margin-top: 80px;}
.index1_s,.index2_s,.index3_s,.index4_s{margin: 0 auto; width: 1200px; height: auto; overflow: hidden;}
.index1_s li{float: left;width: 300px; text-align: center;height: 140px; margin-top: 60px; overflow: hidden;}
.index1_s li i{ display: block; width: 70px; height: 70px; margin: 0 auto;}
.index1_s li i.nav1{background: url("../../img/introduce/nav1.png") no-repeat center center;}
.index1_s li i.nav2{background: url("../../img/introduce/nav2.png") no-repeat center center;}
.index1_s li i.nav3{background: url("../../img/introduce/nav3.png") no-repeat center center;}
.index1_s li i.nav101{background: url("../../img/introduce/nav101.png") no-repeat center center;}
.index1_s li h2{font-size: 20px; color:#6c757d; font-weight: 400; line-height: 50px;}
.index1_s li span{display: block; color:#98a6ad; font-size: 16px;}
.index1_b{margin: 0 auto; width: 1200px; height: 550px; min-width: 1200px;}
.index1_b li{float:left; margin-bottom: 20px; width:590px; height: 204px;border-radius: 2px;}
.index1_b li img{width: 309px; height: 224px; float: left;}
.indexright{background: url("../../img/introduce/left5.png") no-repeat top center; padding-left: 20px; font-size:16px; color:#98a6ad; line-height:22px;float: left; margin-top: 12px; margin-left: -18px; z-index: 2; width: 281px; height: 200px;}
.indexright h1{font-size:20px; color:#6c757d; line-height: 90px; font-weight: 400;}
.index2{background: url("../../img/introduce/index1.jpg") no-repeat center center; height: 615px;}
.index2_t{height:615px; color:#fff;}
.index2_t h1{font-size: 24px; font-weight: bold; margin-top: 60px; line-height: 40px;}
.index2_t h2{font-size: 16px; font-weight: 400; line-height: 40px;}
.index3{ height: 630px;}
.index3_t{height:630px; color:#98a6ad;}
.index3_t h1{font-size: 24px; color:#6c757d; font-weight: bold; margin-top: 60px; line-height: 40px;}
.index3_t h2{font-size: 16px; font-weight: 400; line-height: 40px;}
.index2_s li{float: left; width: 300px; height: auto;}
.index2_s li img{margin-top: 70px;}
.index2_s li h2{font-size:20px; color:#333; text-align: left; font-weight: 400; line-height: 40px; padding: 0 8px;}
.index2_s li p{text-align: left; font-size: 16px; color:#808080; line-height: 25px; padding:  0 8px;}
.index3_s li{float:left; width: 585px; margin-top: 60px; height: 315px; padding:0 25px; background: #fff; border-radius: 8px; text-align: left; margin-right: 30px;}
.index3_s li:last-child{margin-right: 0;}
.right{float:left; width: 100%; height: auto; margin-top: 20px;}
.right h2{font-weight: 400; font-size: 16px; color:#333;}
.right p{line-height: 30px; color:#808080; font-size: 16px;float:left; width:100%;}
.right span{float:left; margin-bottom: 15px; padding:0 5px; height:20px; line-height:20px; margin-top:5px; font-size: 14px; border-radius: 3px; margin-right: 10px;}
.right span.cur{color:#0acf97; background: #dbf1f7;}
.right span.cur1{color:#fa7357; background: #fff0ed;}
.right span.cur2{color:#ff9906; background: #fff4e5;}
.right span.cur3{color:#727cf5; background: #e5e7fd;}
.index4_t{height:auto;}
.index4_s{margin-top: 30px;}
.index4_s li{float:left; width: 590px; height: 153px; margin-bottom: 20px; background: #f5f6fa; margin-right: 20px; text-align: left; overflow: hidden;}
.index4_s li:last-child{margin-right: 0;}
.index4_s li:nth-child(2){margin-right: 0;}
.index4_s li p{height:75px; line-height: 25px; margin: 10px 0 20px; font-size: 16px; color:#808080;}
.index4_s li a{color:#4c9cfe; font-size: 16px;}
.index4_s li img{margin-top: 0; float:left;}
.index4_cur{float: left; margin-left: 18px;margin-top: 5px; width: 280px;}
.index4_cur a{float:right;}
.footer{margin:0 auto; width:100%; height:475px; background:#f4f4f4; min-width: 1200px;}
.footer_t{margin: 0 auto; padding-top: 55px; width: 1200px; text-align: center; height: auto; overflow: hidden; color:#6e8caa;}
.footer_t h1{font-size: 24px; color:#6c757d; font-weight: bold; margin-top: 60px; line-height: 40px;}
.footer_t h2{font-size: 16px; margin-bottom: 30px; font-weight: 400; line-height: 40px; color:#98a6ad;}
.footer_left{float:left; width:410px; height: auto; padding-left: 25px; overflow: hidden; text-align: left; color:#6c757d;}
.footer_left h1{font-size: 16px; width: 100%; font-weight: 400; line-height: 25px; margin-top: 0;}
.footer_text{float: left; margin-top: 20px; width: 200px; line-height: 30px; font-size: 12px; color:#6e8caa;}
.footer_text li{float: left; width: 100%; line-height: 33px;}
.footer_text li i{float: left; width: 26px; height: 26px; margin-top: 2px; margin-right: 12px;}
.footer_text li i.icon1{background: url("../../img/introduce/foot1.png") no-repeat center center;}
.footer_text li i.icon2{background: url("../../img/introduce/foot4.png") no-repeat center center;}
.footer_text li i.icon3{background: url("../../img/introduce/foot2.png") no-repeat center center;}
.footer_text li i.icon4{background: url("../../img/introduce/foot3.png") no-repeat center center;}
.foot_img{float: left; width:180px; height: auto; text-align: center; line-height: 15px;}
.foot_img img{width: 127px; height: 127px;}
.foot_img i{display: inline-block; width: 16px; height: 16px; background: url("../../img/introduce/foot2.png") no-repeat center center; vertical-align: middle; margin-right: 5px;}
.footer_right{float: left; width: 785px; height: 220px;}
.footer_right h1{margin-bottom: 20px;}
.footer_right p{float: left; width: 100%; height: 30px; line-height: 30px; margin-bottom: 20px;}
.footer_right input{float: left; width: 380px; height: 30px; line-height: 30px; font-weight: 400; padding: 0 10px; font-size: 12px; color:#6e8caa; border: 1px solid #ededed; border-radius: 5px;background: #fff; display: inline-block;}
.footer_right textarea{float: left; width: 100%; margin-bottom: 20px; height: 70px; line-height: 30px; background: #fff; border: 1px solid #ededed; font-weight: 400; border-radius: 5px; padding: 0 10px; font-size: 12px; color: #6e8caa;}
.footer_right button{float: left; width: 100%; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; background: #0acf97; font-size: 12px; color:#fff;}
.footer_b{float: left; width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 12px; background: #1a2129; color:#6e8caa;}
.hide{position: fixed; display: none; width: 100%; height: 100%; background: #000; opacity: 0.3; top:0; left:0; z-index: 9;}
.hide_t{position: fixed; display: none; line-height: 30px; color:#808080;z-index: 10; width: 400px; height: 210px; background: #fff; border-radius: 5px; text-align: center; top:50%; left:50%; margin-top: -105px; margin-left: -200px;}
.hide_t h1{font-size: 16px; color: #333; text-align: left; padding-left: 20px; font-weight: 400; line-height: 40px;}
.hide_t h1 i{float: right; width: 10px; height: 10px; background: url("../../img/introduce/close.png") no-repeat center center; margin-top: 20px; margin-right: 20px;}
.hide_t img{width: 26px; height: 26px;}
.hide_t h2{font-size: 16px; color:#333; font-weight: 400;}
.hide_t button{width: 113px; height: 30px; line-height: 30px; background: #4c9cfe; text-align: center; color:#fff; border-radius: 2px; margin-top: 20px;}




